<template>
    <div id='tmpl'>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in list">
                <img :src="item.img" />
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>

import { Toast } from 'mint-ui';
export default {
    name: "component_name",
    data() {
        return {
            list: []
        }
    },
    created() {
        this.getlist();
    },
    props: ["url"],
    methods: {
        getlist() {
            // this.$getimg(this.url,list=>{this.list = list});
            this.list = [
                {
                    "img": "http://img2.imgtn.bdimg.com/it/u=1372308522,618873536&fm=26&gp=0.jpg"
                },
                {
                    "img": "http://pic1.win4000.com/wallpaper/f/52665cb5a0b5d.jpg"
                },
                {
                    "img": "http://pic1.5442.com/2015/0618/01/01.jpg"
                }
            ]
        }
    }
}
</script>
<style lang="css" scoped>
.mint-swipe {
    height: 300px;
}

.mint-swipe-item {
    background-color: red;
    width: 100%;
    height: 300px;
}

.mint-swipe-item img {
    width: 100%;
    height: 300px;
    display: block;
}
</style>